<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>登录嘘嘘网</title>
<link rel="shortcut icon" href="${url.base}/static/favicon.ico"/>
<script type="text/javascript" src="$url.base/static/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="$url.base/static/json.min.js"></script>
<script type="text/javascript">
$("document").ready(function(){       
	setTimeout(function(){
		$("input[type='text']:eq(0)").focus();
	},200);

	$('form').submit(function(){
		var form = $(this).serializeObject();
		$.postJSON($(this).attr("action"), form, function(data){
			if(data.success){
				self.parent.forum.dialog.loginSuccess();
			} else {
				for(i=0;i<data.errors.length;i++){
					if(data.errors[i].element==null){
						alert(data.errors[i].message);
					}else {
						$("*[name='"+data.errors[i].element+"']").next().text(data.errors[i].message);
					}
				}
			}
		});
		return false;
	});
});

</script>
<style type="text/css">
*{
	margin:0;
	padding:0;
}
h3{
	font-size:16px;
	line-height:1em;
	font-weight:bold;
}
body{
	font-size:12px;
	background:#000;
}
#page{
	margin:0 auto;
	width:100%;
	padding:0;
	color:#ccc;
}
table td{
	font-size:14px;
	letter-spacing:3px;
}
input{
	height:30px;
	width:220px;
	font-weight:bold;
	font-size:14px;
}

.normal{
	font-size:12px;
	line-height:1em;
	letter-spacing:0px;
}
.error{
	font-size:12px;
	color:red;
	letter-spacing:0px;
}
</style>
</head>
<body>
<div id="page">
	<h3 id="title" style="margin:10px;">登录嘘嘘网</h3>
	<form action="$url.base/login" method="post">
	<table cellpadding="3" cellspacing="2">
		<tr>
			<td width="50px">邮箱</td>
			<td>
				<input type="text" name="nickname"/>
				<span class="error"></span>
			</td>
		</tr>
		<tr>
			<td>密码</td>
			<td>
				<input type="password" name="password"/>
				<span class="error"></span>
			</td>
		</tr>
		<tr>
			<td></td>
			<td colspan="2" valign="top">
				
				<input checked="checked" style="width:15px;height:18px;vertical-align:text-top;" type="checkbox" value="true" name="remember" id="remenber"/>
				<label for="remenber">
					<span class="normal">记住我的登录状态</span>
				</label>
			</td>
		</tr>
		<tr>
			<td></td>
			<td colspan="2">
				<input style="width:50px;height:23px;line-height:1.4em;letter-spacing:2px;" type="submit" value="登录"/> 
				<a href="$url.base/account/password/reset" title="如果您忘记密码，请点击此处找回密码" class="normal">忘记密码？</a>
			</td>
		</tr>
	</table>
	</form>
</div>
</body>
</html>